/**
* 单选框自定义样式
**/
input[type=radio] {
	/*去除浏览器默认样式*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*自定义样式*/
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	border: 1px solid #00bfff;
	outline: none;
	cursor: pointer;
	border-radius: 14px;
}


/**
    * 单选框 选中之后的样式
    **/
input[type=radio]:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #00bfff;
	border-radius: 12px;
	transform: scale(0);
	transition: all ease-in-out 300ms;
}

input[type=radio]:checked:after {
	transform: scale(1);
}